<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./豆瓣登录页面.css">
</head>

<body>
    <div class="login-container">
        <div class="login-wrapper">
            <div class="login-douban">
                <ul>
                    <li style="float: left;border-bottom: 1px solid #494949;font-weight: 900;">短信登录／注册</li>
                    <li style="float: right;border-bottom: 1px solid #ececec;color: #9b9b9b;font-weight: 500;">密码登录</li>
                </ul>
                <p>请仔细阅读<a href="#">豆瓣使用协议、隐私政策</a></p>
                <div class="login-tel">
                    <div class="login-tel-left">
                        +86
                    </div>
                    <input class="login-tel-right" type="text" placeholder="手机号">
                </div>
                <div class="login-yzm">
                    <input class="login-yzm-left" type="text" placeholder="验证码">
                    <div class="login-yzm-right">
                        获取验证码
                    </div>
                </div>
                <div class="login-dldb">登录豆瓣</div>
                <div class="login-zidong">
                    <div class="login-zidong-left">
                        <input type="checkbox" name="my-checkbox" id="login-zidong-checkbox">
                        <label for="login-zidong-checkbox">下次自动登录</label>
                    </div>
                    <div class="login-zidong-right">
                        收不到验证码？
                    </div>
                </div>
                <div class="login-last">
                    <div class="login-last-left">第三方登录:</div>
                    <div class="login-last-right">
                        <a class="login-last-right-wx" href="#"></a>
                        <a class="login-last-right-wb" href="#"></a>
                    </div>
                </div>
            </div>
            <div class="login-erweima">
                <p>豆瓣&nbsp;6.0</p>
                <div class="login-erweima-container">
                    <div class="login-erweima-container-left">
                        下载豆瓣&nbsp;App
                    </div>
                    <div class="login-erweima-container-right">
                        <img src="./images/icon_qrcode_green.png" alt="">
                    </div>
                    <div class="login-erweima-container-right-display">
                        <img src="./images/doubanapp_qrcode.png" alt="">
                        <p>iOS / Android 扫码直接下载</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>